<extend name="Public/base"/>

<block name="body">
    <!-- 标题栏 -->
    <div class="main-title">
        <h2>[{$model['title']}] 列表</h2>
    </div>
	<div class="cf top_nav_list">
		<!-- 高级搜索 -->
		<div class="search-form fr cf">
            {:W('Search/promote_list')}
            <!-- <div class='sleft'>
                        <input type="text" id="time-start" name="time-start" class="text input-2x" value="{:I('time-start')}" placeholder="修改起始时间" /> -                     
                        <div class="input-append date" id="datetimepicker"  style="display:inline-block">
                            <input type="text" id="time-end" name="time-end" class="text input-2x" value="{:I('time-end')}" placeholder="修改结束时间" />
                            <span class="add-on"><i class="icon-th"></i></span>
                        </div>
            </div> -->
            <div class="input-list">
                <label>修改时间：</label>
                <input type="text" id="time-start" name="time-start" class="text input-2x" value="{:I('time-start')}" placeholder="起始时间" /> 
                -
                <div class="input-append date" id="datetimepicker"  style="display:inline-block">
                <input type="text" id="time-end" name="time-end" class="text input-2x" value="{:I('time-end')}" placeholder="结束时间" />
                <span class="add-on"><i class="icon-th"></i></span>
                </div>
            </div>
			<div class="sleft">
                    <input type="text" name="user_account" class="search-input" value="{:I('user_account')}" placeholder="请输入玩家账号">
			</div>
            <div class="input-list">
                <a class="sch-btn" href="javascript:;" id="search" url="{:U('Mend/record','model='.$model['name'],false)}">搜索</a>
            </div>
		</div>
	</div>


    <!-- 数据列表 -->
    <div class="data-table">
        <div class="data-table table-striped">
            <table>
                <!-- 表头 -->
                <thead>
                    <tr>
                        <th class="row-selected row-selected">
                            <input class="check-all" type="checkbox">
                        </th>
                        <th style="text-align:center">ID</th>
                        <th style="text-align:center">用户名</th>
                        <th style="text-align:center">补链前渠道</th>
                        <th style="text-align:center">补链后渠道</th>
                        <th style="text-align:center">备注</th>
                        <th style="text-align:center">修改时间</th>
                        <th style="text-align:center">操作人</th>                        
                    </tr>
                </thead>

                <!-- 列表 -->
                <tbody>
                    <volist name="list_data" id="data">
                        <tr>
                            <td style="border-right:1px solid #DDDDDD;text-align:center"><input class="ids" type="checkbox" value="{$data['id']}" name="ids[]"></td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.id}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{$data['user_account']}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{:get_promote_name($data['promote_id'])}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{:get_promote_name($data['promote_id_to'])}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center" data-text="{$data['remark']}" class="js-pop">{:get_title($data['remark'])}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.create_time|date='Y-m-d H:i:s',###}</td>
                            <td style="border-right:1px solid #DDDDDD;text-align:center">{$data.op_account}</td>
                        </tr>
                    </volist>
                </tbody>
            </table>
        </div>
    </div>
    <div class="page">
        {$_page|default=''}
    </div>
</block>
<block name="script">
<link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
<php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
<link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script src="__STATIC__/layer/layer.js" type="text/javascript"></script>
<script type="text/javascript">

//导航高亮
highlight_subnav('{:U('Mend/record')}');
$(function(){

            // 弹窗
        $('.js-pop').on('click',function() {
            var text = $(this).data('text');
            //墨绿深蓝风
            layer.alert(text, {
              skin: 'layui-layer-lan' //样式类名
              ,closeBtn: 0
            });
        });

	//搜索功能
	$("#search").click(function(){
		var url = $(this).attr('url');
        var query  = $('.search-form').find('input').serialize();
        query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g,'');
        query = query.replace(/^&/g,'');
        if( url.indexOf('?')>0 ){
            url += '&' + query;
        }else{
            url += '?' + query;
        }
		window.location.href = url;

	});

    //回车自动提交
    $('.search-form').find('input').keyup(function(event){
        if(event.keyCode===13){
            $("#search").click();
        }
    });
    $('#time-start').datetimepicker({
        format: 'yyyy-mm-dd',
        language:"zh-CN",
        minView:2,
        autoclose:true
    });

    $('#datetimepicker').datetimepicker({
       format: 'yyyy-mm-dd',
        language:"zh-CN",
        minView:2,
        autoclose:true,
        pickerPosition:'bottom-left'
    })
})
</script>
</block>
